/* Empty. Add your own CSS if you like */
body{font-family:Arial, 微软雅黑, 'Microsoft YaHei'; }
/*标题栏*/
.item-customer-bg-darkred{
  background: #36aaf5;
  color: #ffffff;
  border-color:transparent;
}
.item-customer-bg-darkred.activated{
  background-color:#36aaf5;
  color: #FFF;
}


/*主页面_上面*/
.maintop{
  width:100%;
  height:150px;
  border-bottom: 0.1rem solid #dadada;
}
/*首页分隔符*/
.maindivider5
{
  background-color: #f7f7f7;
  width:100%;
  height:5px;
}
.maindivider10
{
  background-color: #f7f7f7;
  width:100%;
  height:10px;
}
.maindivider15
{
  background-color: #f7f7f7;
  width:100%;
  height:15px;
}
.maindivider20
{
  background-color: #f7f7f7;
  width:100%;
  height:20px;
}
/*主页面_中部*/
.mainmid{
  width:100%;
  height:100%;
}
.maintopleft{
  text-align: center;
  line-height:70px;
}
.maintopleft img{
  height:100px;
  width:100px;
  margin-top:20px;
  /*margin-left:25px;*/
}
.maintopright div
{
  height:20px;
  margin-top: 5px;
  margin-left: 5px;
  font-size:12px;
}
.maintopright .img1
{
  width: 15px;
  height: 20px;
}
.maintopright .img2
{
  width: 15px;
  height: 20px;
}
.maintopright .img3
{
  width: 15px;
  height: 20px;
}
.mainmid .divtext
{
  line-height:80px;
  margin-left: 20px;
}
.bar .button.back-button, .bar button.back-button
{
  color:#fff;
}
/*居中*/
.cust_algin{text-align: center; padding:3px; }
/*字体大小*/
.font12{
  font-size:12px;
}
.font_cust_bold{font-weight: bold}
.font_arrow{color: white;font-size: 15px}
.font_info{color:#e3d6c8;font-size: 15px;font-family:微软雅黑 }
.font_info2{color:#666;font-size: 15px;font-family:微软雅黑}
.font_tcxq{color:#666;font-size: 18px;font-family:微软雅黑}
.button{
  border: solid white 0px;
}
.bt_idcard{
  background-color:#ff8f17;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.bt_idcard.activated{
  background-color:#ffb361;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
}
.wkh_button_dark{background-color: #ff8707;color: white;font-weight: bold;font-size: 15px;font-family: 微软雅黑;text-align: center}
.wkh_button_dark.activated{background-color: #ffb361;color: white;font-weight: bold;font-size: 15px;font-family: 微软雅黑;text-align: center}
.wkh_button_light{background-color:   #ff8707;color:white;font-weight: bold;font-size: 15px;font-family: 微软雅黑}
.wkh_button_light.activated{background-color:  #ffb361;color:white;font-weight: bold;font-size: 15px;font-family: 微软雅黑}

.custColor
{
  color:#ff0000;
}
/*禁用滚动条*/
.no_scorll {  overflow: hidden  }
/*登录界面样式*/
.login_container {
  height:100%;
  width:100%;
  background: #f7f7f7;
}
/*顶部样式*/
.login_container .roof {
  height:30%;
  width:100%;
  background:url(../img/about.png)  no-repeat;
  background-size:100% auto ; 
  text-align: center;
  font: bold 50px 微软雅黑;
  line-height: 4; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_container .roof img{
  width: 75%;display:block
}

.login_container .boof {  
    text-align:center;  position:fixed;left:0px;bottom:0px; 
  background:url(../img/boot.png)  no-repeat;
  background-size:100% auto ; 
}
.login_container .boof img { 
     width:25%; 
}
/*中间样式*/
.login_container .mid {
  height: 70%;
  width:100%;
  background: #f7f7f7;
}

/*登录样式*/
.button-login-cust{
  border:1px solid #fefefe;
  border-radius:3em;
  background: #34a7f8;
}

.button.activated{
  background-color:#fe754b;
}
.list-inset-custom3{
  background-color:#f7f7f7 ;
  margin-top: 0px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 0px;
}
.row .row-20{
  margin-top: 0px;
}
.col .col-75padding{
  margin-top: 0px;
}

.list-inset .item-border-cust{border:none;border-bottom: solid 2px #d8d8d8}
/*自定义row*/
.row-5 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:5%  }
.row-10 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:10%  }
.row-15 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:15%  }
.row-20 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:20%  }
.row-25 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:25%  }
.row-30 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:30%  }
.row-35 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:35%  }
.row-40 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:40%  }
.row-45 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:45%  }
.row-50 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:50%  }
.row-55 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:55%  }
.row-60 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:60%  }
.row-65 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:65%  }
.row-70 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:70%  }
.row-75 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:75%  }
.row-80 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:80%  }
.row-85 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:85%  }
.row-90 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:90%  }
.row-95 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:95%  }
/*自定义col*/
.col-15{-webkit-box-flex: 0;  -webkit-flex: 0 0 15%;  -moz-box-flex: 0;  -moz-flex: 0 0 15%;  -ms-flex: 0 0 15%;  flex: 0 0 15%;  max-width: 15%;}

.db {
  display:block;
}
.pre {
  position:relative;
}
.pab {
  position:absolute;
}
.top {
  height:2.8rem;
  background:#ff8707;
  line-height:2.8rem;
  position:relative;
}
.saoma,.sub_btn {
  display:block;
  text-align:center;
  width:50%;
  margin:15% auto 0 auto;
}
.rzhy_box .top {
  height:2.8rem;
  background:#ff551a;
  line-height:2.8rem;
}
.top img {
  height:30%;
  left:5%;
  top:35%;
  position:absolute;
}
.rzhy_box .top img {
  height:40%;
  left:5%;
  top:30%;
}
.rzhy_box {
  width:100%;
  height:100%;
}
/*综合缴费金额选择样式*/
#zhjf-uibox ,#khrw-uibox{text-align: center; }
#khrw-uibox div{text-align: center;}
.zhjf-ui{  }
.zhjf-ui li,.khrw-ui li{display: inline-block; margin-left: 15px;margin-bottom: 5px;}
.div-sel{width:60px; height:60px; background-color:#FF7301; border-radius:30px;}
.div-nor{width:60px; height:60px;  border-radius:30px;border: 1px solid #999}
.span-sel{height:60px; line-height:60px; display:block; color:#fff; text-align:center;font-size: 12px}
.span-nor{height:60px; line-height:60px; display:block; color:#666; text-align:center;font-size: 12px}
/*自定义缴费查询按钮*/
.button-orange-light-cust{border-color: #ffb361;  background-color: #ffb361;  color: #fff;font-size: 14px;    border-radius: 5px;}
.button-orange-light-cust.activated{background-color:#ffb361;color: #fff; border-radius: 5px;border-color: #ffb361;}
.button.button-orange-light-cust{margin-top: 0px; margin-bottom: 0px;}
/*自定义缴费按钮*/
.button-orange-dark-cust{  border-color: #ff8707;  background-color: #ff8707;  color: #fff;font-size: 14px;    border-radius: 5px;}
.button-orange-dark-cust.activated{background-color:#ffb361;color: #fff; border-radius: 5px;border-color: #ffb361;}
.button.button-orange-dark-cust{margin-top: 0px; margin-bottom: 0px;}
.ywkh_content_bg{background-color: #fff7ee;}
.ywkh_jd{
  height:5px;
  width: 20%;
  background-color: #91cf83;
  border-right: solid 1px white;
  float: left;
  color: white;
  text-align: center
}
.step2top .ywkh_jd
{
  position: absolute;
  z-index: 10;
  width: 25%;
}
#msgcode
{
  padding-right: 55px;
}
.insertView{
  margin-top: 70px;
  height: 400%;
}
.step2_syzf{
  bottom: 10%;
  position: absolute;
  width: 100%;
}
.step2_next{
  bottom:0px;
  position: absolute;
}
.step2_area{
  text-align: left;
  margin-right: 0px;
  width: 100%;
  height: 180px;
  padding: 10px 10px;
  font: normal 10px 微软雅黑;
  color: #666;
}
.step2_gbxq{
  margin-left: 26%;
}
.step2top
{
  margin-top: 44px;
}

/*弹出框样式*/
.ywkh_pop{
  top: 10%;
  margin-left: 10%;
}
.pop_view{
  border: solid #36aaf5 1px ;
}
.pop_header{
  background-color: #36aaf5;
  color: white;
}
.pop_content{
  background-color: #fff7ee;
}
.platform-android .popover .item.pop_div{
  background-color: white;
  border: solid #ccc 1px;
}
.item p.pop_p{
  color: #36aaf5;
}
.platform-android .popover .item.pop_div p{
  font-weight: bold;
  font-size: 13px;
  font-family: 微软雅黑
}
.platform-android .popover .item.pop_div.scolor{
  background-color: #ff8707;
}
.platform-android .popover .item.pop_div.scolor p{
  color: white;
}
.scolor{
  background-color: #ff8707;
}
.row-bg{
  background-color: #fff;
  margin: 20px;
}

.card .item-padding-cust{
  padding:0px;
}

.ddcx-card-item-cust-left
{
  height:160px;
  color:#fff;
  text-align: center;
  vertical-align: middle;
  padding-top: 40px;
}
.step4_card{
  height: 500px;
}
.ddcx-card-itembg-yellow{background-color:#ffB31F;  }
.ddcx-card-itembg-red{background-color:#E3170D;  }
.ddcx-card-itembg-lightred{background-color:#E31;  }
.ddcx-card-itembg-blue {background-color: #52aeb8  }
.ddcx-card-itembg-green {background-color: #ffd074 }
.ddcx-card-itembg-lightblue {background-color: #FFB278}
.gwysl-card-itembg-green {background-color: #31b573}
.gwysl-card-itembg-green label{
  /*padding: 10px 10px;*/
  /*font-size: 18px;*/
  font-family: 微软雅黑;
}
.gwysl-card-itembg-green span{
  font-size: 8px;
  font-family: 微软雅黑;
  text-align: center;
  line-height: 45px;
}
.card_info{
  color:#666;
  font-size: 15px;
  font-family:微软雅黑;
  padding: 10px 20px;
}
.card_info div{
  color: #828282;
  font-family:微软雅黑;
  font-size: 15px;
  margin-bottom: 10px;
}
.card_info div label{
  color:#bcbcbc;
  font-family:微软雅黑;
  font-size: 15px;
}
.card_info div span{
  color:#ff8f17;
  font-size: 18px;
  font-weight: bold;
}
.card_info img{
  position: fixed;
  top: 59%;
  left: 85%
}
.ddcx-card-item-cust-left div
{
  margin-top: 60px;
}
.ddcx-card-item-cust-right
{
  height:160px;
  width:70%;
  background-color:#ffffff;
  text-align: center;
  line-height: 30px;
}
.ddcx-card-item-num
{
  font-size: 25px;
  color: #666;
  font-weight: bold;
}
.ddcx-card-item-content
{
  margin-top: 5px;
}
.ddcx-ret
{
  position: absolute;
  right: 0px;
  /*top:-24px;*/
}
.ddcx-ret img
{
  width:48px;
  height:48px;
  margin-top: -25px;
}
.ywkh_querynum_bg_ood_cust{background: #eafce6;color:#666;text-align:center;border-color: #fafafa;font-family: 微软雅黑}
.ywkh_querynum_bg_even_cust{background: #fff;color:#666;text-align:center;border-color: #fafafa;font-family: 微软雅黑}
.ywkh_querynum_bg_sel_cust{background: #ff8707;color:#fff;text-align: center;font-family: 微软雅黑}

.wkh_button_dark{background-color: #ff8707;color: white;font-weight: bold;font-size: 15px;font-family: 微软雅黑;text-align: center}
.wkh_button_dark.activated{background-color: #ffb361;color: white;font-weight: bold;font-size: 15px;font-family: 微软雅黑;text-align: center}
.wkh_button_light{background-color:   #ff8707;color:white;font-weight: bold;font-size: 15px;font-family: 微软雅黑}
.wkh_button_light.activated{background-color:  #ffb361;color:white;font-weight: bold;font-size: 15px;font-family: 微软雅黑}
.footpanel{
  /*height: 20%;*/
  /*margin-top: 92%;*/
  /*position: fixed;*/
  /*width: 100%;*/
  bottom: 5px;
  position: absolute;
  /*left:50%;*/
  /*margin-left:-400px;*/
  /*top:100%;*/
  /*margin-top:-40px;*/
  /*position: absolute;*/
}
.footpanel2{
  /*height: 20%;*/
  /*margin-top: 10%;*/
  /*position: fixed;*/
  /*width: 100%;*/
  bottom: 5px;
  position: absolute;
}
/* 2G,3G,4G按钮样式*/
.step_odd{
  background-color:#ff8f17;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.step_odd.activated{
  background-color:#ffB31F;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.step_even{
  background-color: white;
  border: solid 1px #ccc;
  color: #666;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px
}
.step_even.activated{
  background-color: #ffB31F;
  border: solid 1px #ccc;
  color: #666;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px
}
/*固网开户*/
.gwkhfont{
  color:#36aaf5
}
.wkh_button_dark{
  background-color: #36aaf5;
  color: white;font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-radius: 20px;
}
.wkh_button_dark.activated{
  background-color: #FF7946;
  color: white;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-radius: 20px;
}
.wkh_button_light{
  background-color:#FFB278;
  color:white;
  font-weight: bold;
  font-size: 15px;
  border-radius: 20px;
}
.wkh_button_light.activated{
  background-color:  #FFA660;
  color:white;
  font-weight: bold;
  font-size: 15px;
  border-radius: 20px;
}
.bar.bar-positive-cust
{
  border-color: #36aaf5;
  background-color: #36aaf5;
  background-image: linear-gradient(0deg, #36aaf5, #36aaf5 50%, transparent 50%);
  color: #fff;
}
.font-white
{
  color:#FFFFFF;
  font-size: 19px;
  text-align: center;
}
.modalbar-right{
  color:#FFFFFF;
  font-size: 16px;
  text-align: right;
}
.kdkhstep3_top{
  margin-top: 44px;
}
.item-divider-cust{
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 30px;
  background-color: #2FC667;
  color: #FFFFFF;
  font-weight: 500;
}
/*宽带开户速率选择样式*/
#kdspeed-uibox{text-align: center; }
#kdspeed-uibox div{text-align: center;}
.kdspeed-ui{  }
.kdspeed-ui li,.kdspeed-ui li{display: inline-block; margin-left: 15px;margin-bottom: 5px;}
.kdspeed-div-sel{width:60px; height:30px; background-color:#2FC667; border-radius:30px;}
.kdspeed-div-nor{width:60px; height:30px;  border-radius:30px;border: 1px solid #2FC667}
.kdspeed-span-sel{height:60px; line-height:30px; display:block; color:#fff; text-align:center;font-size: 12px}
.kdspeed-span-nor{height:60px; line-height:30px; display:block; color:#2FC667; text-align:center;font-size: 12px}
.gwkh_content_bg{
  background-color: #fff7ee;
  margin-top: 440px;
}
.gwkhstep4_content_bg
{
  margin-top: 44px;
}
input.ywkh_input{
  width: 100%;
  text-align: left;
  margin-left: 20px;
  word-break: break-word;
  word-wrap: break-word;
}
.zf_disable{
  display: none;
}
.tc {
  text-align:center;
}
.f12 {
  font-size:0.6rem;
}
.f13 {
  font-size:0.65rem;
}
.f14 {
  font-size:0.7rem;
}
.f15 {
  font-size:0.75rem;
}
.f16 {
  font-size:0.8rem;
}
.f18 {
  font-size:0.9rem;
}
.f20 {
  font-size:1rem;
}
.f24 {
  font-size:1.2rem;
}
.f28 {
  font-size:1.4rem;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.c_fff {
  color:#fff;
}
.c_898989 {
  color:#898989;
}
.c_b1b1b1 {
  color:#b1b1b1;
}
.b_fff7ee {
  background:#fff7ee;
}
.c_ff5555 {
  color:#ff5555!important;
}
.c_878787 {
  color:#878787;
}
.lh30 {
  line-height:1.5rem;
}
.rzhy_box {
  width:100%;
  height:100%;
}
.w100 {
  width:100%;
}
.db {
  display:block;
}
.pre {
  position:relative;
}
.pab {
  position:absolute;
}
.top {
  height:2.8rem;
  background:#ff8707;
  line-height:2.8rem;
  position:relative;
}
.saoma,.sub_btn {
  display:block;
  text-align:center;
  width:50%;
  margin:15% auto 0 auto;
}
.rzhy_box .top {
  height:2.8rem;
  background:#ff551a;
  line-height:2.8rem;
}
.top img {
  height:30%;
  left:5%;
  top:35%;
  position:absolute;
}
.rzhy_box .top img {
  height:40%;
  left:5%;
  top:30%;
}
.border {
  border:0.05rem solid #e5e5e5;
  background:#fff;
  position:relative;
}
.w90 {
  width:90%;
  margin:0 auto;
}
.mt25 {
  margin-top:1.25rem;
}
.mt20 {
  margin-top:1rem;
}
.div_l {
  width:23%;
  text-align:right;
  line-height: 1.5rem;
}
.div_l span {
  display:block;
}
.div_r {
  width:73%;
}
.div_r p {
  width:96%;
  font-size: 0.75rem;
  line-height: 1.5rem;
  border: none;
  background: none;
  resize: none;
  color:#494949;
  display:block;
}
.rad {
  line-height:1.5rem;
}
.rad span {
  font-size:0.75rem;
  color:#494949;
}
.rad input {
  position:relative;
  top:0.1rem;
}
.pb20 {
  padding:0.3rem 0 1rem 0;
}
.product_btn a {
  display:block;
  height:2.5rem;
  line-height:2.5rem;
  text-align:center;
  font-size:0.9rem;
  margin-top:0.8rem;
}
.product_btn {
  padding:0.7rem 0 1rem 0;
}
.b_ff8707 {
  background:#ff8707;
  color:#fff;
}
.b_ffb361 {
  background:#ffb361;
  color:#fff;
}
.container {
  width:100%;
  min-height:100%;
}
.div_r select {
  border:none;
  background:none;
  height:2.4rem;
  display:block;
  color:#323232;
  width:95%;
  font-size:0.75rem;
  font-family: 微软雅黑;
}
.line .div_l {
  line-height:2.4rem;
}
.line .div_r p {
  line-height:2.4rem;
}
.line .div_r {
  height:2.4rem;
}
/*.serch_btn {*/
/*position:absolute;*/
/*width:20%;*/
/*height:1.6rem;*/
/*line-height:1.6rem;*/
/*right:5%;*/
/*top:0.4rem;*/
/*background:#ff8707;*/
/*border-radius:0.25rem;*/
/*font-size:0.75rem;*/
/*color:#fff;*/
/*text-align:center*/
/*}*/
.add_inp {
  width:62%;
  border:none;
  background:none;
  color:#323232;
  font-size:0.75rem;
  height:2.4rem;
  display:block;
  position: relative;
  top: 0.25rem;
}
.add_list  li {
  font-size:0.6rem;
  /*color:#323232;*/
  line-height:1.5rem;
  padding-left:1%;
  word-break:keep-all;/* 不换行 */
  white-space:nowrap;/* 不换行 */
  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

}
.order_ok img {
  width:30%;
  margin-top:12%;
}
.order_ok p {
  font-size:1rem;
  color:#747474;
  margin-top:5%;
}
.product_btn1 {
  margin-top:15%;
}
.wb p {
  color:#ff8707;
  margin-bottom:5%;
}
.wb_mian {
  background:#fff;
}
.pt5 {
  padding-top:5%;
}
.lh48 {
  line-height:2.5rem!important;
}
.wb_margin {
  width:95%;
  margin:0 auto;
}
.wb ul {
  margin-left:-3%;
}
.wb li {
  float:left;
  width:22%;
  position:relative;
  margin:0 0 5% 3%;
}
.wb li img {
  width:100%;
  display:block;
}
.wb_num {
  position:absolute;
  left:0rem;
  top:0rem;
  width:100%;
  height:100%;
}
.table {
  display:table;
  height:100%;
  width:100%;
  table-layout:fixed
}
.tab_cell {
  display:table-cell;
  vertical-align:middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c_ff8707 {
  color:#ff8707;
}
.pack .wb_mian {
  padding:3% 0;
}
.pack p {
  margin:5% 0;
  color:#ff8707;
}
.pack_list li {
  /*color:#767676;*/
  font-size:0.8rem;
  line-height:1.7rem;
  padding-left:3%;
  border-bottom: solid #c0c0c0 1px;
}
.b_ddd {
  background:#ddd;
}
.b_fff {
  background:#fff;
}
.dialog_bg {
  position:fixed;
  width:100%;
  height:100%;
  background:#7f7b77;
  opacity:0.5;
  top:0rem;
  left:0rem;
}
.dialog {
  position:fixed;
  width:90%;
  left:5%;
  top:25%;
  padding:0 0 1rem 0;
  background:#fff;
  border-radius :0.25rem;
}
.dialog_tit {
  padding:0.8rem 0;
  position:relative;
}
.dialog_mian p {
  text-indent:2em;
  font-size:0.8rem;
  color:#767676;
  line-height:1.3rem;
}
.dn {
  display:none;
}
.name_btn {
  width:23%;
  right:3%;
}
.ml5 {
  margin-left:5%;
}
.mt10 {
  margin-top:10%!important;
}
.order_det span {
  display:block;
  color:#767676;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.order_det {
  line-height:2rem;
}
.order_l {
  width:35%;
  text-align:right;
  margin-right:5%;
}
.order_r {
  width:55%;
}
.order_step6{
  width:100%;
  text-align:left;
  font-weight: bold ;
  font-size: larger;
}
.circle {
  margin:0.5rem 0 0 1rem;
  width:5%;
}
.order_list {
  padding-bottom:0.5rem;
}
.bb_e5e5e5 {
  border-bottom:0.05rem solid #e5e5e5;
}
.close {
  width:8%;
  position:absolute;
  right:3%;
  top:14%;
}
.identity li {
  width:29.3%;
  margin:0 0 5% 4.03%;
}
.identity ul {
  margin-left: -4.03%;
}
.identity .wb_num {
  width:92%;
  left:4%;
}
@media (max-width:340px) {
  .f15 {
    font-size:0.7rem;
  }
  .div_r p {
    font-size:0.7rem;
  }
  .rad span {
    font-size:0.7rem;
  }
  .product_btn a {
    font-size:0.8rem;
  }
  .div_r select {
    font-size:0.7rem;
  }
  .add_inp {
    font-size:0.7rem;
  }
}
.green {
  height:2rem;
  line-height:2rem;
  background:#31b573;
  color:#fff;
  padding:0 0.5rem;
  display:inline-block;
  margin:6% 0;
}
.submit_box {
  width:70%;
  margin:0 auto;
}
@media (max-height: 550px) {
  .submit_box {
    width:72%;
  }
  .sub_btn {
    margin:10% auto 0 auto;
  }
}
.pic_rule {
  height:100%;
  background:#99867f;
}
.pic_box {
  width:86%;
  margin:0 auto;
  padding-top:40%;
}
.second a {
  display:block;
  right:0rem;
  top:0rem;
}
.second img {
  height:1rem;
  position: relative;
  top: 0.16rem;
}

/*2.24增加*/
.fzr_msg {
  border:0.05rem solid #e5e5e5;
  border-radius:0.6rem;
  background:#fff;
}
.mt5 {
  margin-top:5%;
}
.far_top {
  line-height: 1.8rem;
  background:#4cd0d2;
  border-radius:0.6rem 0.6rem 0 0;
  color:#fff;
  padding: 0 0 0 5%;
  /*font-size:0.8rem;*/
}
.green_top {
  background:#2ec667;
}
.w90 {
  width:90%;
  margin:0 auto;
}
.speed_list {
  margin:0 0 0 -8.3%;
  padding-bottom:5%;
}
.speed_list li {
  float:left;
  width:25%;
  margin: 5% 0 0 8.3%;
}
.w92 {
  width:92%;
  margin:0 auto;
}
.max_h {
  max-height:13rem;
  overflow:scroll;
  padding:0 0 1rem 0;
  width:85%;
  margin:0 auto;
}
.choice_list li {
  position:relative;
  height:2.1rem;
  line-height:2.1rem;
  border:0.05rem solid #00a8ec;
  border-radius:0.5rem;
  color:#00a8ec;
  text-align:center;
  font-size:0.9rem;
  margin-top:8%;
}
.choice_list .choose_active {
  background: url(../img/choose.png) 104% 215% no-repeat;
  background-size: auto 80%;
}
.mt7 {
  margin-top:7%;
}
.red_top {
  background:#f27979;
}
.inp_col {
  line-height:2rem;
  margin-top:5%;
}
.inp_col span {
  display:inline-block;
  width:35%;
  float:left;
  color:#737373;
}
.inp_col input {
  height:1.9rem;
  line-height:1.9rem;
  border:0.05rem solid #c1c1c1;
  border-radius:0.9rem;
  width:60%;
  text-indent:1rem;
  color:#737373;
  font-size:0.85rem;
}
.choose_tab {
  width:60%;
  margin-left:37%;
}
.choose_tab span {
  display:block;
  width:42%;
  border-radius:0.9rem;
  border:0.05rem solid #cdcdcd;
  color:#d4d4d4;
  text-align:center;
  line-height:1.9rem;
  font-size:0.85rem;
}
.choose_tab .tab_active {
  background:#f27979;
  border:0.05rem solid #f27979;
  color:#fff;
}
.choose_tab .tab_active.activated {
  background:#f28999;
  border:0.05rem solid #f27979;
  color:#fff;
}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{zoom: 1;}

.wide_btn {
  width:98%;
  margin:15% auto 0 auto;
  height:2.3rem;
  color:#fff;
  font-size:1.1rem;
  background:#36aaf5;
  border-radius:2rem;
  display:block;
  text-decoration:none;
  line-height: 2.2rem;
}
.wide_btn.activated {
  width:98%;
  margin:15% auto 0 auto;
  height:2.3rem;
  color:#fff;
  font-size:1.1rem;
  background:#ffb361;
  border-radius:2rem;
  display:block;
  text-decoration:none;
  line-height: 2.2rem;
}
.serch_box {
  padding-bottom:8%;
  border-bottom:0.05rem solid #b4b4b4;
}
.serch_box input {
  height:1.6rem;
  line-height:1.6rem;
  border:0.05rem solid #c1c1c1;
  border-radius:0.8rem;
  width:70%;
  text-indent:1rem;
  color:#c4c4c4;
}
.mt3 {
  margin-top:3%;
}
.bn {
  border:none!important;
}
.switch_item {
  height:2rem;
  line-height:2rem;
  margin-top:5%;
}

/*switch 开关*/
.onoffswitch {
  position: relative;
  width:3.5rem;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select: none;
  margin-top:0.25rem;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0.05px solid #f27979;
  border-radius: 0.7rem;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 1.5rem;
  line-height:1.5rem;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  background-color: #f27979;
  content:""
}
.onoffswitch-inner:after {
  background-color: #fff;
  content:""
}
.onoffswitch-switch {
  display: block;
  height:1.4rem;
  width:1.4rem;
  margin:0.1rem;
  background:#f27979;
  position: absolute;
  top: 0;
  bottom: 0;
  left:1%;
  border-radius: 0.7rem;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  left:1.85rem;
  background:#f7f7f7;
}
.dkq_list {
  background:#fff;
}
.dkq_list li {
  line-height:3.1rem;
  border-bottom:0.05rem solid #e5e5e5;
  position:relative;
  overflow:hidden;
}
.dkq_list span {
  float: left;
  display:inline-block;
  width: 33%;
  padding-left:2%;
  color:#36aaf5;
}
.dkq_list input {
  width: 67%;
  height:3rem;
  border:none;
  font-size:0.9rem;
  color:#555;
}
.dkq_list {
  border:0.05rem solid #e5e5e5;
  border-bottom:none;
}
.dkq_list textarea {
  width: 68%;
  height:3.6rem;
  border:none;
  font-size:0.7rem;
  color:#555;
  line-height:1.2rem;
  resize:none;
  padding:0.4rem 0 0 0;
}
.m0 {
  margin:0 auto;
}
.fzr_list {
  width: 83%;
  margin:0 auto;
  padding:3% 0 5% 0;
}
.fzr_list li {
  margin-top:4%;
}
.fzr_list li i {
  font-style:normal;
  font-size:0.8rem;
  color:#4cd0d2;
  display: inline-block;
  width: 37%;
}
.fzr_list li span {
  font-size:0.8rem;
  color:#707070;
  display: inline-block;
  width: 60%;
}
.serch_btn {
  display:inline-block;
  height:1.7rem;
  line-height:1.7rem;
  background:#36aaf5;
  color:#fff;
  width:22%;
  border-radius:0.8rem;
}
.serch_btn.activated {
  display:inline-block;
  height:1.7rem;
  line-height:1.7rem;
  background:#ffb361;
  color:#fff;
  width:22%;
  border-radius:0.8rem;
}
.c_ff835d {
  color:#36aaf5;
}
.adr_list input {
  margin-right:2%;
  width: 5%;
}
.adr_list span {
  font-size:0.9rem;
  display: block;
  width: 91%;
  color:#555;
}
.adr_list li {
  margin-top:3%;
}
.dkq_list .serch_btn {
  width: 13%;
  height:1.2rem;
  line-height: 1.2rem;
  font-size:0.6rem;
  position:absolute;
  top:0.5rem;
  right:2%;
  border-radius: 0.6rem;
}
.wide_box {
  min-height:100%;
  width:100%;
  padding-bottom:1rem;
  background:#f7f7f7;
}
.zf_tit {
  line-height:2.4rem;
  font-weight:bold;
  margin-top:0.5rem;
  color:#555;
}
.zf_det {
  width:80%;
  margin:0 auto;
  color:#737373;
}
.zf_active {
  background:url(../img/choose2.png) 98% 93% no-repeat #fff;
  background-size:8% auto;
}
.max_h1 {
  max-height:18rem;
  overflow:scroll;
  padding:0 0 1rem 0;
  width:85%;
  margin:0 auto;
}
.serch_box_cust{
  padding-bottom:0%;
  border-bottom:0.05rem solid #b4b4b4;
}
.serch_btn_cust.activated{
  display:inline-block;
  height:1.7rem;
  line-height:1.7rem;
  background:#ffb361;
  color:#fff;
  width:22%;
  /*border-radius:0.8rem;*/
}
.wide_sfz {
  height:85%;
  right:3%;
  top:7.5%;
}
/*3.9新增*/
.blue_top {
  background:#00a8ec;
}
.serch_box_cust{
  padding-bottom:0%;
  border-bottom:0.05rem solid #b4b4b4;
}
.serch_btn_cust{
  display:inline-block;
  height:1.7rem;
  line-height:1.7rem;
  background:#36aaf5;
  color:#fff;
  width:22%;
  /*border-radius:0.8rem;*/
}
.wide_sfz {
  height:85%;
  right:3%;
  top:7.5%;
}
.count_tab {
  width:62%;
  margin-top:0.15rem;
}
.count_tab span {
  display:block;
  width:42%;
  border:0.05rem solid #c1c1c1;
  line-height:1.6rem;
  font-size:0.8rem;
}
.count_tab .count_active {
  background:#00a9ec;
  color:#fff;
  border:0.05rem solid #00a9ec;
}
.meal_list li {
  margin-top:6%;
}
.meal_radio {
  width:25%;
  padding:0.8rem 0 0 0;
}
.meal_radio input {
  height:1rem;
  width:1rem;
}
.meal_det {
  width:75%;
  border:0.05rem solid #c1c1c1;
  padding:0.1rem 0 0.3rem 0;
}
.meal_list li {
  margin-top:6%;
}
.meal_det p {
  font-size:0.6rem;
  color:#707070;
  margin-top:0.3rem;
  padding:0 0 0 1%;
}
.order_msg {
  margin-top:5%;
}
.order_msg .fzr_list {
  width:90%;
}
.order_msg .fzr_list i {
  color:#707070;
  text-align:right;
  margin-right:2%;
  width:38%;
  font-size:0.8rem;
  display:block;
  float:left;
}
.order_msg .fzr_list span {
  width:58%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size: 0.8rem;
  display:block;
  float:left;
}
.margin-itop-cust
{
  background-color: #F7F7F7;
  padding: 0px;
  margin-top: 0px;
}
.login-algin-left-cust
{
  margin-left: 20px;
  padding:0px;
  margin-top: 13px;
}
.login-algin-right-cust
{
  margin-top: 9px;
}
.max_h1_cust{
  max-height:13rem;
  overflow:scroll;
  padding:0 0 1rem 0;
  width:85%;
  margin:20px auto;
}
.IPTV_cust{
  margin-top: 5px;
  height: 3rem;
  border:none;
}
.serch_box_IPTV input {
  height:2rem;
  line-height:1.6rem;
  border:0.05rem solid #c1c1c1;
  width:70%;
  text-indent:1rem;
  color:#c4c4c4;
}
.serch_box_IPTV {
  margin-top: 20px;
  padding-bottom:8%;
  border-bottom:0.05rem solid #b4b4b4;
}
.serch_btn_IPTV {
  display:inline-block;
  height:2.2rem;
  line-height:1.7rem;
  background:#36aaf5;
  color:#fff;
  width:22%;
  border-radius:0.8rem;
}
.wide_btn_cust {
  width:98%;
  margin:5% auto 0 auto;
  height:2.3rem;
  color:#fff;
  font-size:1.1rem;
  background:#36aaf5;
  border-radius:2rem;
  display:block;
  text-decoration:none;
  line-height: 2.2rem;
}
.wide_btn_cust.activated {
  width:98%;
  margin:5% auto 0 auto;
  height:2.3rem;
  color:#fff;
  font-size:1.1rem;
  background:#ffb361;
  border-radius:2rem;
  display:block;
  text-decoration:none;
  line-height: 2.2rem;
}
.serch_box_ter input {
  height:2rem;
  line-height:1.6rem;
  border:0.05rem solid #c1c1c1;
  width:70%;
  text-indent:1rem;
  color:#c4c4c4;
}
.serch_box_ter {
  margin-top: 25px;
  padding-bottom:8%;
  border-bottom:0.05rem solid #b4b4b4;
}
.homepage-button{
  background: #36aaf5;
  color: #ffffff;
  border-color:transparent;
  height:100%;
  margin-right: 10px;
  font-size:1.0rem !important;
}
.dkq_tit {
  color:#d34d24;
}
.jy_btn {
  background:#36aaf5;
  width:98%;
  margin:10% auto 0 auto;
  height:2.3rem;
  color:#fff;
  font-size:1.1rem;
  border-radius:2rem;
  display:block;
  text-decoration:none;
  line-height: 2.2rem;
}
.jy_btn .activated{
  background:#ffb361;
  width:98%;
  margin:10% auto 0 auto;
  height:2.3rem;
  color:#fff;
  font-size:1.1rem;
  border-radius:2rem;
  display:block;
  text-decoration:none;
  line-height: 2.2rem;
}
.inp_col select {
  height: 1.9rem;
  line-height: 1.9rem;
  border: 0.05rem solid #c1c1c1;
  border-radius: 0.9rem;
  width: 60%;
  text-indent: 1rem;
  color: #737373;
  font-size: 0.7rem;
}
/*4.26增加*/
.dingd_list {
  background:#fff;
  border-radius: 0.5rem;
  border:0.05rem solid #dadada;
  padding-bottom:4%;
  margin-bottom:5%;
  overflow: hidden;
}
.dingd_list li {
  margin-top:3%;
}
.dingd_list li i {
  float:left;
  display:block;
  width: 29%;
  font-size:0.9rem;
  font-style:normal;
  color:#707070;
  text-align: right;
  padding: 0 5% 0 0;
}
.dingd_list li span {
  float:left;
  display:block;
  width: 67%;
  font-size:0.9rem;
  font-style:normal;
  color:#707070;
}
.dingd_list li a {
  float:left;
  display:block;
  width: 67%;
  font-size:0.9rem;
  font-style:normal;
  color:#707070;
}
.qiang_img {
  width:12%;
  right:3%;
  top:8%;
}
.qiang_img img {
  width:100%;
}
.qiang_btn {
  text-decoration:none;
  width:30%;
  border-radius:0.25rem;
  height:2rem;
  line-height:2rem;
  background:#ffb27f;
  display:block;
  color:#fff;
  text-align:center;
  margin:5% auto 0 auto;
}
.dingd_tit {
  height:1.8rem;
  line-height:1.8rem;
  text-align:center;
  color:#fff;
  border-radius:0.25rem 0.25rem 0 0;
  font-size:0.8rem;
}
.trangle {
  width:0;
  height:0;
  top: -2.2rem;
  right: -2.2rem;
  border-style:solid;
  border-width: 2.2rem;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  border-color:#f27979 transparent transparent transparent;
  position:absolute;
  border-radius: 0.25rem;
}
.trangle_text {
  display: inline-block;
  font-size:0.75rem;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  color: #fff;
  top: 0.6rem;
  right: 0rem;
  position: absolute;
}
.odder_finish {
  border-color:#2ec667 transparent transparent transparent;
}
.odder_fail {
  border-color:#999 transparent transparent transparent;
}
.odder_loading {
  border-color:#406cc0 transparent transparent transparent;
}

.qiang_link {
  display:block;
  width:16%;
  position:fixed;
  left:42%;
  bottom:6%;
}
.qiang_link img {
  width:100%;
}
/*4.27增加*/
.zp_btn {
  margin:5% auto 0 auto;
  width:70%;
}
.zp_btn a {
  text-decoration:none;
  width:40%;
  height:2rem;
  line-height:2rem;
  border-radius:0.25rem;
  color:#fff;
  background:#ff8f45;
  display:block;
  text-align:center;
  font-size:0.8rem;
}
.zp_btn .zp_close {
  background:#ffb27f;
}
.select_container {
  margin-top:10%;
}
.select_container select {
  width:45%;
  height:2rem;
  line-height:2rem;
  border:0.05rem solid #dadada;
  border-radius:0.25rem;
  /*font-size:0.8rem;*/
  color:#666;
  text-indent:5%;
}
.zp_tit {
  color:#d34d24;
  line-height:2rem;
  margin-bottom:4%;
}
.inp_box {
  height:2rem;
  border:0.05rem solid #dadada;
  background:#fff;
  border-radius: 0.25rem;
  margin:5% auto 0 auto;
}
.icon13 {
  display:block;
  width:15%;
  height:100%;
  background:url(../img/add_icon.png) center center no-repeat;
  background-size:auto 40%;
}
.inp_box input[type="text"] {
  height:100%;
  border:none;
  line-height:2rem;
  width:85%;
  display:block;
  padding:0rem;
  background:none;
  /*font-size:0.8rem;*/
  color:#666;
}
.address_list {
  /*width:90%;*/
  border:0.05rem solid #dadada;
  background:#fff;
  margin:5% auto 0 auto;
  /*padding-bottom:3%;*/
  border-radius: 0.25rem;
}
.address_list li {
  color:#666;
  line-height:1.2rem;
  margin:3% 0 0 0;
  padding:0 3% 0 6%;
  font-size:0.9rem;
  position:relative;
}
.zpai_btn {
  width:90%;
  margin-top:12%;
}
.address_list li span {
  height:0.4rem;
  width:0.4rem;
  background:#ff8f45;
  border-radius:50%;
  position:absolute;
  top:0.35rem;
  left:2%;
  display:none;
}
.address_list li p {
  font-size: 0.9rem;
  color:#666;
}
.address_list .ads_chosen span {
  display:block;
}
.address_list .ads_chosen p {
  color:#ff8f45;
}
.label_list span{
  font-size: 0.95rem;
  color:#666;
  display:block;
  float:left;
  width:85%;
}
.label_list input {
  position:relative;
  top: 0.3rem;
  float:left;
  width:7%;
}
.label_list label {
  display:block;
  margin-bottom:4%;
}
.textarea_cust{
  border:0.05rem solid #dadada;
  resize:none;
  margin-left: 7%;
  width: 85%;
  border-radius:0.25rem;
  text-indent: 1rem;
  line-height:1.2rem;
  font-size:0.9rem;
  color:#666;
  padding:3% 0;
  height: 5rem;
}
.menu_list {
  margin-top:3%;
}
.menu_list li {
  float:left;
  width:33.3%;
  text-align:center;
  margin-top:5%;
}
.menu_list a {
  text-decoration:none;
  display:block;
}
.menu_list img {
  width:40%;
}
.menu_list p {
  color:#666;
  font-size:0.8rem;
}
/*4.27增加*/
/*4.29*/
.mh_box {
  margin-top:5%;
  padding-bottom:4%;
}
.search_list,.people_list {
  margin:0 auto;
  border:none;
}
.search_list li {
  font-size:0.8rem;
  margin:0;
}
.search_list .ads_chosen p {
  color:#f27979;
}
.search_list .ads_chosen span {
  background:#f27979;
}
.mh_box a {
  background:#f27979;
}
.confirm_btn {
  margin-top:10%;
}
.msg_btn {
  margin-top:10%;
}
.mh_box select {
  height: 1.7rem;
  line-height: 1.7rem;
  border: 0.05rem solid #c1c1c1;
  border-radius: 0.8rem;
  width: 70%;
  text-indent: 1rem;
  color: #666;
  font-size:0.85rem;
}
/*4.29*/
/*4.30*/
.serch_result {
  padding:0.5rem;
  background:#fff;
}
.serch_result li {
  height:1.5rem;
  line-height:1.5rem;
  color:#646464;
  font-size:0.8rem;
}
.pay_mny {
  height:2.25rem;
  line-height:2.2rem;
}
.pay_mny input {
  width:80%;
  height:2.25rem;
  line-height:2.25rem;
  text-indent:0.5rem;
  font-size:1rem;
  color:#494949;
  display:block;
  float:left;
  padding:0;
  border:none;
}
.pay_mny span {
  color:#484848;
}
.mny_choice {
  margin-left:-3.3%;
}
.mny_choice {
  margin-left:-3.3%;
}
.mny_choice li {
  float:left;
  width:30%;
  height:2.5rem;
  line-height:2.5rem;
  margin-left:3.3%;
  margin-bottom:5%;
}
.mny_choice li span {
  display:block;
  border:0.05rem solid #36aaf5;
  text-align:center;
  color:#ff8707;
  border-radius:0.25rem;
}
.mny_choice .mny_active span {
  background:#36aaf5;
  color:#fff;
}
.mny_btn a {
  display:block;
  width:45%;
  height:2.8rem;
  line-height:2.8rem;
  background:#36aaf5;
}
.mny_btn {
  width:80%;
  margin:0 auto;
}
.pdb20 {
  padding-bottom:1rem;
}
.mny_form {
  margin-top:5%;
}
.mny_form input::-webkit-input-placeholder{
  color: #dadada;
  font-size: 0.9rem;
  font-weight:normal;
}
.mny_form input:-moz-input-placeholder{
  color: #dadada;
  font-size: 1rem;
  font-weight:normal;
}
.mny_form input::-moz-input-placeholder{
  color: #dadada;
  font-size: 1rem;
  font-weight:normal;
}
.mny_form input:-ms-input-placeholder{
  color: #dadada;
  font-size: 1rem;
  font-weight:normal;
}
.dialog_pay {
  position:fixed;
  height:100%;
  width:100%;
  top:0rem;
  left:0rem;
}
.pay_tit {
  font-size:1.4rem;
  margin-top:20%;
}
.erweima {
  width:70%;
  margin-top:10%;
}
.dialog_bg1 {
  background:#676767;
  opacity:0.7;
}
.btn_short {
  display:block;
  margin:0 auto;
  width:35%;
  height:2.8rem;
  line-height:2.8rem;
  background:#ff8707;
}
.bd_d6d6d6 {
  border: 0.05rem solid #d6d6d6;
}
.br5 {
  border-radius:0.25rem;
}
.inp_col2 input[type="text"] {
  width:62%;
}
.switch_item span {
  color:#737373;
}
.index_top {
  background:#36aaf5;
  padding-bottom:5%;
}
.index_tit {
  color:#fff;
  line-height:2.4rem;
}
.top_left {
  width:28%;
}
.top_left img {
  width:80%;
}
.top_rig {
  width:70%;
  margin-right:2%;
}
.adr_left {
  width:4%;
}
.adr_left img {
  width:100%;
  display:block;
  position: relative;
  top: 0.15rem;
}
.adr_right {
  width:93%;
  color: #666;
}
.ind_gongh {
  top: 23%;
  left:30%;
  width:68%;
  color:#666;
}
.ind_address {
  bottom: 21%;
  left:30%;
  width:68%;
  color: #666;
}
.top_mian {
  border-bottom:0.1rem solid #dadada;
  padding:5% 0;
}
/*4.30*/
.max_h2_cust{
  max-height:10rem;
  overflow:scroll;
  padding:0 0 1rem 0;
  width:85%;
  margin:20px auto;
}
.inp_col_cust input {
  height: 1.9rem;
  line-height: 1.9rem;
  border: 0.05rem solid #c1c1c1;
  width: 65%;
  text-indent: 1rem;
  color: #737373;
  font-size: 0.7rem;
}
/*5.10*/
.report_t div {
  width:50%;
}
.report_t p {
  line-height:1.3rem;
}
.report_list li {
  width:50%;
  text-align:center;
  float:left;
  margin-top:10%;
}
.report_list li a {
  text-decoration:none;
  display:block;
}
.report_list li img {
  width:50%;
}
.report_list li p {
  color:#666;
  font-size:0.7rem;
}
.report_mian .dingd_list li i {
  width:38%;
}
.report_mian .dingd_list li span {
  width:57%;
}
.c_666 {
  color:#666;
}
.c_f60 {
  color:#f66;
}
.time_chose {
  margin-bottom:8%;
}
.date_box {
  line-height:2rem;
  margin-top:5%;
}
.date_box span {
  display:block;
  float:left;
  width:25%;
  text-align:center;
  color:#666;
  font-size:0.8rem;
}
.date_box input {
  background:none;
  border:0.1rem solid #dadada;
  height:1.9rem;
  line-height:1.9rem;
  width:70%;
  border-radius:0.25rem;
  color:#666;
  font-size:0.8rem;
  text-indent:5%;
  background:#fff;
}
.date_box  select {
  background:none;
  border:0.1rem solid #dadada;
  height:1.9rem;
  line-height:1.9rem;
  width:70%;
  border-radius:0.25rem;
  color:#666;
  font-size:0.8rem;
  text-indent:5%;
  background:#fff;
}
/*5.10*/
.inp_col select.hy_select {
  width:64%;
}
.heyue_list {
  border:none;
  width:100%;
  margin:8% auto 0 auto;
}
.heyue_list li {
  font-size:0.7rem;
  margin:2% 0 0 0;
}
#container {
  margin-top: 3rem;
  height: 400px;
  min-width: 310px;
  max-width: 800px;
  /*margin: 0 auto;*/
}
#memcontainer {
  margin-top: 3rem;
  height: 400px;
  min-width: 310px;
  max-width: 800px;
  /*margin: 0 auto;*/
}
/*.head{*/
  /*border-bottom:solid 1px #D1D3D6;*/
  /*border-right:solid 1px #D1D3D6;*/
  /*height:50px;*/
  /*display:flex;*/
  /*align-items:center;*/
  /*width:125px;*/
  /*font-size:14px;*/
  /*color:#262626;*/
  /*justify-content:center;*/
/*}*/
/*.xaxis{*/
  /*overflow: hidden;white-space: nowrap;width:250px;*/
/*}*/
/*.xaxis_wid{*/
  /*display:flex;width:500px;*/
/*}*/
/*.yaxis{*/
  /*display:flex;width:625px;*/
/*}*/
/*5.23*/
.head{
  border-bottom:solid 1px #D1D3D6;
  border-right:solid 1px #D1D3D6;
  height:60px;
  display:flex;
  align-items:center;
  width:125px;
  font-size:14px;
  color:#262626;
  justify-content:center;
  word-break:break-all;
  text-align:center;
}
.head_fix {
  flex:1.7;
}
.head_box {
  display:flex;
  width:100%;
}
.head_slide {
  overflow: hidden;
  white-space: nowrap;
  flex:2
}
.slide_main {
  display:flex;
  width:150%;
}
.max_h1_cust_ch{
  max-height:9rem;
  overflow:scroll;
  padding:0 0 1rem 0;
  width:85%;
  margin:20px auto;
}

.log_top {
  height:20%;
  width:100%;
  background:#ff744a;
}
.log_top img {
  height:50%;
  display:block;
  margin:0 auto;
  padding-top:10%;
}
.inp_list {
  height:2rem;
  border:0.05rem solid #dadada;
  border-radius:0.3rem;
  background:#fff;
  margin-top:7%;
}
.inp_icon1 {
  background:url(../img/icon1.png) center center no-repeat;
}
.inp_icon2 {
  background:url(../img/icon2.png) center center no-repeat;
}
.inp_icon3 {
  background:url(../img/icon3.png) center center no-repeat;
}
.inp_icon4 {
  background:url(../img/icon4.png) center center no-repeat;
}
.inp_icon5 {
  background:url(../img/icon5.png) center center no-repeat;
}
.inp_icon {
  width:15%;
  display:block;
  height:100%;
  background-size:auto 55%;
}

.inp_list input {
  display:block;
  height:2rem;
  line-height:1rem;
  border:none;
  background:none;
  width:85%;
  font-size:0.75rem;
  color:#707070;
}
.inp_list .inp_short {
  width:58%;
}
.log_yzm {
  display:block;
  width:27%;
  height:100%;
  color:#fff;
  background:#ff8f45;
  font-size:0.75rem;
  line-height:2rem;
}
.inp_btn {
  display:block;
  height:2rem;
  border-radius:0.3rem;
  line-height:2rem;
  color:#fff;
  width:100%;
  background:#ff8f45;
}
.log_key input {
  position:relative;
  top:0.01rem;
  height:0.8rem;
}
.ml10 {
  margin-left:10%;
}
.log_sel {
  width:85%;
  height:2rem;
  line-height:2rem;
  font-size:0.75rem;
  color:#707070;
  border:none;
  background:none;
}
.mt15 {
  margin-top:15%;
}
.log_form {
  padding:5% 0;
}
/*0705*/

/*0707*/
.msg_list {
  padding-bottom:4%;
  overflow: hidden;
}
.msg_list li {
  line-height: 1.4rem;
}
.msg_list li i {
  float:left;
  display:block;
  width: 30%;
  font-size:0.9rem;
  font-style:normal;
  color:#707070;
  text-align: right;
  padding:0 3% 0 0;
}
.msg_list li span {
  float:left;
  display:block;
  width: 68%;
  font-size:0.9rem;
  font-style:normal;
  color:#707070;
}
.cfm_btn {
  background: #f27979;
  margin:3% auto 0 auto;
  width:90%;
}
.hy_style {
  padding-top:3%;
}
.hy_style span {
  display:block;
  height:2rem;
  line-height:2rem;
  width:25%;
  color:#707070;
}
.hy_style ul {
  width:75%;
  margin-left:-3%;
}
.hy_style li {
  width:29%;
  font-size:0.8rem;
  color:#707070;
  height:2rem;
  line-height:2rem;
  text-align:center;
  border:0.05rem solid #999;
  margin-left:3%;
}
.hy_style li.hy_style_active {
  color:#f27979;
  border-color:#f27979;
}
.cp_rad {
  width:15%;
  padding-top:2%;
}
.cp_det {
  width:85%;
}
.cp_det p {
  color:#707070;
  line-height:1.1rem;
  margin-top:0.2rem;
}
.cp_result li {
  margin-bottom:2%;
}
.cp_result {
  padding-bottom:2%;
}
.pdt3 {
  padding-top:3%;
}
.order_sub .msg_list li i {
  width:32%;
  padding:0 2% 0 0;
}
.order_sub .msg_list li span {
  width: 64%;
}
/*0707*/

.mt50 {
  margin-top:50%;
}
/*0731*/
.msg_item {
  height:1.8rem;
  line-height:1.8rem;
  border:0.05rem solid #dadada;
  width:92%;
  margin:0 auto 2% auto;
}
.msg_item span {
  display: block;
  width:30%;
  font-size:0.8rem;
  padding:0 0 0 4%;
}
.msg_item input,.msg_item select {
  width:70%;
  border:none;
  height:1.8rem;
  background:none;
  line-height:1.8rem;
  font-size:0.8rem;
  color:#666;
  padding:0rem;
  display:block;
  text-indent:3%;
}
.msg_box {
  padding:5% 0 2% 0;
}
/*0824*/
.msg_show {
  background:#fff;
  border-radius:0.3rem;
  padding:3% 2% 5% 2%;
}
.msg_show i {
  font-size:0.9rem;
  font-style:normal;
  display:block;
  width:25%;
  text-align:right;
  color:#848484;
  float:left;
}
.msg_show span {
  font-size:0.9rem;
  display:block;
  width:70%;
  color:#444;
  float:left;
}
.msg_show li {
  margin-top:5%;
  line-height:1.2rem;
}
.msg_show li input[type="text"] {
  font-size:0.9rem;
  display:block;
  width:65%;
  color:#555;
  float:left;
  height:1.8rem;
  line-height:1.8rem;
  border:0.05rem solid #dadada;
  border-radius:0.25rem;
  padding-left:5%;
}
.msg_show .email {
  line-height:1.9rem;
}
.msg_show li input[type="checkbox"] {
  width:0.75rem;
  height:0.75rem;
  margin:0.2rem 2% 0 3%;
}
/*0824*/

/*09 11*/
.menu_box>p {
  color:#333;
  font-size:0.9rem;
  line-height:2rem;
  padding:2% 0 0 5%;
}
.menu_box {
  border-top:0.05rem solid #dadada;
  padding-bottom:1%;
}
.tab_bottom li {
  float:left;
  width:33.3%;
  height:2.7rem;
  text-align:center;
}
.tab_icon {
  width:1.1rem;
  margin:0 auto;
  height:1.2rem
}
.tab_icon1 {
  background:url(../img/tab_icon1.png) center center no-repeat;
  background-size:100%;
}
.tab_icon2 {
  background:url(../img/tab_icon2.png) center center no-repeat;
  background-size:100%;
}
.tab_icon3 {
  background:url(../img/tab_icon3.png) center center no-repeat;
  background-size:100%;
}
.tab_bottom li p {
  font-size:0.7rem;
  color:#666;
  margin-top:0.2rem;
}
.tab_bottom .tab_on p {
  color:#f4764d;
}
.tab_on .tab_icon1 {
  background:url(../img/tab_icon1_1.png) center center no-repeat;
  background-size:100%;
}
.tab_on .tab_icon2 {
  background:url(../img/tab_icon2_1.png) center center no-repeat;
  background-size:100%;
}
.tab_on .tab_icon3 {
  background:url(../img/tab_icon3_1.png) center center no-repeat;
  background-size:100%;
}
.tab_box {
  position:fixed;
  bottom:0rem;
  width:100%;
  background:#fff;
  border-top:0.05rem solid #dadada;
  padding-top:0.5rem;
  max-width:640px;
}
.wide_box1 {
  padding-bottom:3.5rem;
}
.menu_box .menu_list li {
  width:25%;
  margin:0 0 3% 0;
}
.menu_box .menu_list li p {
  font-size:0.7rem;
}
.tab_bottom a {
  display:block;
  height:100%;
  width:100%;
}
/*09 11*/
.tab_bg {
  background-color: white;
}

/*09 13*/
.about_top img {
  width:100%;
  display:block;
}
.about_list a {
  display:block;
  padding:0 5%;
  height:2.5rem;
  line-height:2.5rem;
  border-bottom:1px solid #dadada;
}
.about_icon {
  width:1rem;
  float:left;
  height:100%;
  margin:0 8% 0 0;
}
.about_icon1 {
  background:url(../img/lanya.png) center center no-repeat;
  background-size:100% auto;
}
.about_icon2 {
  background:url(../img/tab_icon2.png) center center no-repeat;
  background-size:100% auto;
}
.about_icon3 {
  background:url(../img/tab_icon3.png) center center no-repeat;
  background-size:100% auto;
}
.link {
  display:block;
  height:30%;
  top:35%;
  right:5%;
}
/*.about_list p{*/
  /*line-height:2.5rem;*/
/*}*/
/*09 13*/

/* 测试*/
/*10 23*/
.fee_list {
  padding:2% 0 0 0;
}
.fee_list li {
  font-size:0.9rem;
  line-height:1.2rem;
  border-bottom:0.05rem solid #dadada;
  padding:3% 0;
}
.fee_list li>div {
  margin-top:2%;
}
.fee_list li b {
  font-weight:normal;
  color:#333;
  display:block;
  width: 76%;
}
.fee_list li span {
  color:#777;
  font-size:0.9rem;
  display:block;
  width: 24%;
}
.inp_box_1 {
  margin:2% auto 0 auto;
  height:1.8rem;
}
.inp_box_1 span {
  display:block;
  float:left;
  width: 33%;
  color:#777;
  font-size:0.9rem;
  line-height:1.8rem;
  padding:0 0 0 2%;
}
.inp_box_2 span {
  display:block;
  float:left;
  width: 33%;
  color:#777;
  font-size:0.7rem;
  line-height:1.8rem;
  padding:0 0 0 2%;
}
.inp_box_1 input[type="text"] {
  width: 65%;
  float:left;
  font-size:0.7rem;
}
.inp_box_2 input[type="text"] {
  width: 65%;
  float:left;
  font-size:0.7rem;
}
.fp_tab {
  line-height:1.8rem;
  border-bottom:0.05rem solid #dadada;
}
.fp_tab li {
  float:left;
  width:30%;
  text-align:center;
  color:#333;
}
.fp_tab .fp_tab_active {
  background:#f27979;
  color:#fff;
  border-bottom: 0.05rem solid #f27979;
  margin-bottom: -0.05rem;
}
.inp_box_long span {
  width:34%;
}
.inp_box_long input[type="text"] {
  width:64%;
}
.fap_tab {
  width: 66%;
  margin:7% auto 0 auto;
}
.fap_tab li {
  width: 44%;
  text-align:center;
  /*height:2rem;*/
  line-height:2rem;
  font-size:0.9rem;
  border:0.05rem solid #f27979;
  border-radius:0.3rem;
  color:#f27979;
}
.fap_tab .fap_tab_active {
  color:#fff;
  background:#f27979;
}
.inp_box_1 textarea {
  width:70%;
  float:left;
  color:#666;
  font-size:0.7rem;
  resize:none;
  border:none;
  background:none;
  line-height:1.1rem;
  padding:0rem;
  margin-top:0.3rem;
}
.inp_bz span {
  width:20%;
}
.inp_bz {
  height:auto;
  min-height:1.8rem;
  padding:0 0 2% 0;
  border:none;
}
.fee_list1 {
  padding:0;
}
.fee_list1 li span {
  font-size:0.85rem;
}
.fee_list1 li b {
  font-size:1.1rem;
  color:#ff6699;
}

.Newsitem {
    border: 0px;
    border-bottom:dotted 1px #ccc;
    border-right:solid 1px #ccc; 
    padding-top: 6px; 
    padding-bottom: 6px;  
    font-size: 12px;
    text-align:left;
}

.tasklist {
    border: 0px; margin:0px;
    border-bottom:solid 1px #e7e7e7; 
    padding: 6px;  
    padding-bottom:3px;
    font-size: 12px;
    text-align:left;
    background-color:#f7f7f7;  
}
.tasklist .title {
     text-align:left;text-overflow:inherit;white-space:normal; font-size:14px; color:#444;
}
.tasklist .nummemo {
     text-align:left;text-overflow:inherit;white-space:normal; font-size:10px;color:#cecece;font-size:12px;
}

.taskcustlist {
    border: 0px; margin:0px;
    border-bottom:dotted 1px #e7e7e7; 
    padding : 6px;  
    font-size: 12px;
    text-align:left; 
} 
.taskcustlist p{
    overflow:hidden;font-size:12px;
}
.taskcustlist .nummemo {
     text-align:left;text-overflow:inherit;white-space:normal; font-size:10px;color:#888;font-size:12px;
} 
.taskcustlist .num {
     text-align:center; white-space:normal;  border-radius:10px;
     color:white;display:inline;margin-right:10px;padding:2px
}
.taskcustlist .calltag {
     text-align:center; white-space:normal;  
     border-radius:15px;  display:inline;margin-right:10px;padding:2px;
     float:left;
}
.taskcustlist .flowtag {
     text-align:center; white-space:normal;  border-radius:15px; display:inline;
     margin-right:10px;padding:2px;float:right
} 

.custcustlist {
    border: 0px; margin:0px;
    border-bottom:dotted 1px #e7e7e7; 
    padding : 6px; padding-left:80px;
    font-size: 12px;
    text-align:left; 
} 
.custcustlist p{
    overflow:hidden;font-size:12px;
}
.custcustlist .nummemo {
     text-align:left;text-overflow:inherit;white-space:normal; font-size:10px;color:#888;font-size:12px;
} 
.custcustlist .num {
     text-align:center; white-space:normal;  border-radius:10px;
     color:white;display:inline;margin-right:10px;padding:2px
}
.custcustlist .calltag {
     text-align:center; white-space:normal;  
     border-radius:15px;  display:inline;margin-right:10px;padding:2px;
     
}
.custcustlist .flowtag {
     text-align:center; white-space:normal;  border-radius:15px; display:inline;
     margin-right:10px;padding:2px; 
}
.color-gray {color:#ccc}
.color0{ color:#f00 }
.color1{ color:green }


.dropdowlist {
    border: 0px; margin:0px;
    border-bottom:dotted 1px #e7e7e7; 
    padding : 6px;  
    padding-left:50px;
    font-size: 12px;
    text-align:left; 
}


.border_right{ border-right: 1px solid #dedede;}
.border_left{ border-left:1px solid #dedede;}
.border_top{ border-top:1px solid #dedede;}
.border_bottom{ border-bottom:1px solid #dedede; }
.None_border{ border :0px; }
.None_border_bottom{ border-bottom :0px; }
h14 { font-size:12px;color:gray
}

.slider-box { height: 120px;}
.slider-box .box { width: 100%; height: 100%;}
.slider-box .box img {  height: 100%;width:100%}

.man-button{
    margin: 0px;
  border:none;
  border-radius: 2px;
  padding:0px;margin:0px;
  text-align: center;font-size:12px;
}
.man-button a{ color:#444;text-decoration:none}

.man-button img {
        width: 40%;
        margin-top: 10px;
}
.statesel {
 height:101%; overflow:visible
}